<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Axios</title>
</head>

<body>
    <!-- 支持node和浏览器端 -->
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>


    <script>

        // 设置Axios的基准请求URL
        axios.defaults.baseURL = "http://localhost:3000";
        // 设置基准请求头
        axios.defaults.headers.common['Authorization'] = 'AUTH_TOKEN';
        axios.defaults.headers.post['Content-Type'] = 'application/json';
        // 配置自定义请求头--不一定支持，需要跨域解封。
        axios.defaults.headers['my-header'] = 'myHeaders';

        // Axios拦截器
        // 添加请求拦截器
        axios.interceptors.request.use(function (config) {
            // 在发送请求之前做些什么
            console.log('config',config);
            // 可以在这里增加认证信息
            config.headers.Authorization = 'XXXß';
            return config;
        }, function (error) {
            // 对请求错误做些什么
            return Promise.reject(error);
        });

        // 添加响应拦截器
        axios.interceptors.response.use(function (response) {
            // 对响应数据做点什么
            return response;
        }, function (error) {
            // 对响应错误做点什么
            return Promise.reject(error);
        });




        // 普通请求
        axios.get('/axiosData').then((res) => {
            console.log('res', res.data);
        })
        // get请求
        axios.get('/axiosGet?id=123').then((res) => {
            console.log('res', res.data);
        })
        // restful get
        axios.get('http://localhost:3000/axiosRestfulGet/123').then((res) => {
            console.log('res', res.data);
        })


    </script>
</body>

</html>